<%-- 
    Document   : sideleftbar
    Created on : Jun 7, 2012, 11:00:13 AM
    Author     : Student
--%>


<%@tag description="put the tag description here" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/style.css" />

<script  src="${pageContext.request.contextPath}/js/qaEffect.js"></script>
<script src="${pageContext.request.contextPath}/js/flexiblelist.js"></script>

<%-- The list of normal or fragment attributes can be specified here: --%>

<jsp:useBean id="dao" scope="page" class="connection.DaoGenre"/>
<jsp:useBean id="dao2" scope="page" class="connection.DaoSong"/>

<%-- any content can be specified here e.g.: --%>

<div id="leftmenu">
<div id="leftlistcontainer">
    <ul>
   <br/>
        <c:forEach items="${dao.retrieveGetGenre()}" var="genre">
            <li >      

                <br/>
                <c:url value="/BrowseSongBy" var="urlGenre">
                    <c:param name="genreId" value="${genre.genreId}"/>
                    <c:param name="browseType" value="genre"/>
                </c:url>   
                <a href="${urlGenre}">
                    <span class="tracktitle">
                        ${genre.genre}
                    </span>
                </a>

            </li>

        </c:forEach>
            <br/>   <br/>
    </ul>


    <br/> 
</div>
<br/>
    <div id="specials">
        <br/><br/>
        <span id="special-header">RANDOM SPECIALS</span>  <br/>
        <img src="${dao2.getRandomSpecial().imageLocation}" /><br/>

        <span id="special-title"> ${dao2.getRandomSpecial().title}</span>
        <br/>
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;by
        <br/>
        <span id="special-artist"> ${dao2.getRandomSpecial().artist}</span>
        <br/>


        <c:url value="/BuySongController" var="urlBuy">
            <c:param name="songId" value="${dao2.getRandomSpecial().songId}"/>
        </c:url>   


        <a href="${urlBuy}"><input id="btnBuy" type="button" value="Buy" name="btnBuy" > </a> 
        <br/><br/><br/>

    </div>



</div>






